@charset "utf-8";
$font-size: 40;
@function r($px) {
  @return $px/(2*$font-size) * 1rem;
}

header{
  width: 100%;
  height: r(76);
  position: absolute;
  top: 0;
  border-bottom: 1px solid #a8a9a8;
  p{
    font-size: r(24);
    //margin: r(28) auto 0;
    line-height: r(76);
    text-align: center;
  }
  a{
       display: block;
      position: absolute;
      left: r(28);
      height: r(76);
    .iconfont ,.icon-youbian1:before{
      position: relative;
      top: r(8);
      vertical-align: top;
      font-size: r(36);
      color: black;
    }
  }
}

section{
  position: absolute;
  top: r(67);
  bottom: 0;
  width: 100%;
  overflow-y: scroll;
  #circle_name{
    width: r(500);
    height: r(67);
    border-radius: r(8);
    border: 1px solid rgb(220,220,220);
    background: rgb(220,220,220);
    line-height: r(67);
    display: block;
    margin: r(45) auto r(45);
    text-indent: r(16);
  }
  input::-webkit-input-placeholder{
    font-size: r(16);
    color: rgba( 0, 0, 0, 0.5);
  }
  textarea{
    width: r(500);
    height: r(335);
    background: rgb(220,220,220);
    display: block;
    margin: 0 auto;
    border: 1px solid rgb(220,220,220);
    border-radius: r(10);
    padding-top: r(15);
    padding-left: r(10);
    box-sizing: border-box;
    text-indent: r(16);
  }
  textarea::-webkit-input-placeholder{
    font-size: r(16);
    color: rgba( 0, 0, 0, 0.5);
  }
  #circle_btn{
    width: r(300);
    height: r(68);
    background: rgb(51,51,51);
    border-radius: r(5);
    color: white;
    text-align: center;
    display: block;
    margin: r(38) auto r(460);
    font-size: r(30);
  }
}

